@import '@/styles/utils.scss';

.container {
  height: 100%;
  padding: 24px 0;
  // overflow: auto;
  display: flex;
  padding-top: 0;
  transition: all 0.3s;
  padding-right: 24px;
  // min-width: 1000px;

  .chat {
    width: 100%;
    min-width: 530px;

    height: 100%;
    display: flex;
    justify-content: center;
    transition: all 0.3s;

    .chatCont {
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;

    }

    .max800 {
      max-width: 824px;
    }

    .chatInput {
      width: 100%;
      margin: 0 auto;
    }
  }
}


.openPreview {

  .chat {
    margin-right: 24px;
  }

  .preview {
    min-width: 580px;
    display: flex;
    justify-content: flex-start;
  }
}

.preview {
  transition: all 0.3s;
  display: none;
}